<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<style type="text/css">	
#top{
	height:16px;
	width:1160px;
	color:white;
}
	
	#one{
		position:absolute;
		margin-left:684px;

	}
	#nine{
		display:inline;
		background:blue;
       font-size:20px;
	}
	#bottom{
		margin-left:500px;
		margin-top:50px;
	}
	#two{
		margin-left:26px;
		width:100px;
        height:40px;
        border-color:1px solid blue;

}
    
        #input{
        display: block;
        margin:30px auto;
        width: 650px;
        }   
    #input #in{
        border:1px solid #4791ff;
        width:540px;
        height:36px;
        margin:auto;
        font-size:19px;
        display:block;
        float: left;
        }   
    #sub{
        width:100px;
        height:38px;
        background:#2d78f4;
        float:left;
        display:block;  
        border:0px; 
        color:#fff;
        font-size: 19px;
        padding-left:15px;
        padding-right:15px;
        }
    #four{
        margin-top:200px;
    	margin-left:640px;
       
    }

     #fiv{
        display:block;
     }
    #fiv .a{
    	margin-left:494px;
    	margin-top:320px;
    	background:balck;
    }
     #fiv .b;{
    	margin-left:494px;
    	margin-top:320px;
    	background:balck;
    }
     #fiv .c{
    	margin-left:700px;
    	margin-top:320px;
    	background:balck;
    }
     #fiv .d{
    	margin-left:735px;
    	margin-top:320px;
    	background:balck;
    }
    #end{
        margin-left:410px;
        margin-top:10px;
    }
</style>
</head>
<body>
<!-- 顶部空白 -->
<div id=top>
</div>
<!-- 顶部空白结束 -->
<!-- 搜索区开始 -->
<span id="one">
<strong><u><a href="">新闻</a></u></strong>
<strong><u><a href="">hao123</a></u></strong>
<strong><u><a href="">地图</a></u></strong>
<strong><u><a href="">视频</a></u></strong>
<strong><u><a href="">贴吧</a></u></strong>
<strong><u><a href="">学术</a></u></strong>
<u><a href="">登录 </a></u>
<u><a href="">设置</a></u>

<p id="nine">更多产品</p>
</span>
<!-- 文字搜索区结束 -->
<!-- 中部搜索栏 -->
<img src="picture.png" id="bottom">
<!-- 结束 -->


<!-- 搜索栏 -->

<div id="input">
        <input id="in" type="text"/>
        <input id="sub" type="button" value="百度一下"/>
    </div>


 <!-- 搜索栏结束 -->


 <!-- 二维码区域 -->
 <img src="code.png" id="four">
 <!-- 二维码结束 -->
 <!-- text area -->
 <div id="fiv">

 <u class="a"><span><a href="https://www.baidu.com/cache/sethelp/help.html">把百度设为主页</a></span></u>
 <u class="b"><span><a href="http://home.baidu.com/">关于百度</a></span></u>
<!--  <u class="c"><span><a href="http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome">About Baidu</a></span></u>
 <u class="d"><span><a href="http://e.baidu.com/?refer=888">百度推广</a></span></u> -->
     <u><span><a href="">About Baidu</a></span></u>
     <u><span><a href="">百度推广</a></span></u>
 </div> 
 <!-- end -->


 <!-- 底部文字区域 -->
 <div id="end">
<span>©2017  Baidu  </span>
<span><u> 使用百度前必读 意见反馈 </u></span>
<span>京ICP证030173号</span>
<img src="small.png" alt="">
<span><u>京公网安备11000002000001号</u></span>
<img src="one.png" alt="">
</div>


 <!-- 结束 -->
</body> 
</html>